@CHARSET "UTF-8";



/* ****************** General styles  *************** */



/* ex. "Move History" */ 
.formGroupLabel {
	margin-top: 15px;
	vertical-align: bottom;
	font-weight: bold;		
	border-bottom: 1px solid darkblue;
	margin-bottom: 15px;	
}

.formFieldElement {
	padding: 10px;
}



.formFieldAlignRight {
	display: block;
	padding-right: 5px; 
	width: 80px;
	text-align: right;
}


.paddingVerticallyPanel {
	padding-top: 5px;
	padding-bottom: 5px;
}







/* ****************** Chess UI  *************** */

.chessInfoLabel, .chessInfoLabel_warn {
	margin:auto;
	vertical-align: middle;
	text-align: center;
	font-size: 14px;
}

.chessInfoLabel {
	color: green;
	font-weight: bold;
}

.chessInfoLabel_warn {
	color: red;
	font-weight: bold;
}


.chessRightPanel {
	width: 300px;
}




.chessMoveHistoryScroll {
	height: 300px;	
	padding: 5px;
	border: #6666EE solid 1px;
	background-color: #EEFFFF; 
}

.chessMoveHistory {

}

.chessMoveEntryLine_black {
	background-color: #9999FF;
}

.chessMoveEntryLine_white {
	background-color: #CCCCFF;
}

.chessMoveEntry_black, .chessMoveEntry_white, .chessMoveEntry_undo, .chessMoveEntry_check {
	display: inline;
	font-weight: bold;
	padding-left: 3px;
	padding-right: 3px;
}

.chessMoveEntry_black {

}

.chessMoveEntry_white {
}

.chessMoveEntry_undo {
	color: blue;
}

.chessMoveEntry_check {
	color: red;
}




/** 
	************* Chess board ***************************
*/

.chessCell {
	position: static;
	width: 56px;
	height: 56px;		
	
	padding: 2px;
	
	vertical-align: middle;
	text-align: center;
}


.chessCellInnerPanel {
	position: static;
	
	width:  56px;
	height: 56px;
	
	
	vertical-align: middle;
	text-align: center;
}


.boardPanel {
	vertical-align: middle;
	text-align: center;	
	padding: 10px;
}




/** ***************** Blue theme ***************************** */



.blue_blackCell {
    background-color: #2288BB;
}

.blue_whiteCell {
	background-color: #99CCCC;
}


.blue_chessCellLastMoveOrigin, .blue_chessCellLastMoveTarget {
	background-color: #55FF66;
}

.blue_chessCellSelectedMoveOrigin .blue_whiteCell, .blue_chessCellSelectedMoveTarget .blue_whiteCell  {
	background-color: #CCFFFF;
}

.blue_chessCellSelectedMoveOrigin .blue_blackCell, .blue_chessCellSelectedMoveTarget .blue_blackCell  {
    background-color: #66BBFF;
}


.blue_rowLabel {
	vertical-align: middle;
	text-align: center;
	color: gray;
}

.blue_columnLabel {
	vertical-align: middle;
	text-align: center;
	color: gray;
}


/* ************************* Icons ******************** */




.chessImageCommon {

}


/* basic theme  */

.chessImageClassic {
  position: relative;	
  top: 8px;
  height: 45px;
}





/* Theme "modern" */

.chessImageModern {
  position: relative;	
  top: 13px;
  height: 40px;
}

.chessImageModern_pawn {	
  top: 15px;	
  height: 30px;
}

.chessImageModern_bishop {
  top: 10px;	
  height: 45px;
}

.chessImageModern_king , .chessImageModern_queen {
  top: 0px;  
  height: 55px;
}


